<!DOCTYPE HTML>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0 minimal-ui" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black">

<link rel="icon" type="image/png" href="images/splash/android-chrome-192x192.png" sizes="192x192">
<link rel="apple-touch-icon" sizes="196x196" href="images/splash/apple-touch-icon-196x196.png">
<link rel="apple-touch-icon" sizes="180x180" href="images/splash/apple-touch-icon-180x180.png">
<link rel="apple-touch-icon" sizes="152x152" href="images/splash/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="144x144" href="images/splash/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="120x120" href="images/splash/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/splash/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/splash/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/splash/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="60x60" href="images/splash/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="57x57" href="images/splash/apple-touch-icon-57x57.png">
<link rel="icon" type="image/png" href="images/splash/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="images/splash/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="images/splash/favicon-16x16.png" sizes="16x16">
<link rel="shortcut icon" href="images/splash/favicon.ico" type="image/x-icon" />
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:900' rel='stylesheet' type='text/css'>

<title>Epsilon 5.0</title>

<link href="styles/style.css" rel="stylesheet" type="text/css">
<link href="styles/framework.css" rel="stylesheet" type="text/css">
<link href="styles/font-awesome.css" rel="stylesheet" type="text/css">

<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/plugins.js"></script>
<script type="text/javascript" src="scripts/custom.js"></script>
</head>

<body>
    
<div class="gallery-fix"></div>         <!-- Fix Gallery next/prev error on Android -->
<div class="sidebar-tap-close"></div>   <!-- Overlay for content to close Sidebar -->
<div class="sidebar-left-fix"></div>    <!-- The actual background of the Sidebar -->
<div class="sidebar-right-fix"></div>   <!-- The actual background of the Sidebar -->

<div class="header-fixed">
    <a href="#" class="header-icon-1 open-left-sidebar"><i class="fa fa-navicon"></i></a>
    <a href="index2.html" class="header-logo">BOLT</a>
    <a href="#" class="header-icon-2 open-right-sidebar"><i class="fa fa-envelope-o"></i></a>
</div>
    
<div class="sidebar-left">
    <div class="sidebar-scroll">
        <a href="#" class="sidebar-logo"></a>
        <div class="sidebar-decoration"></div>
        <div class="sidebar-menu">
            <a class="menu-item" href="index2.html"><!-- active-item -->
                <i class="fa fa-home"></i>
                Homepage
                <i class="fa fa-circle"></i>
            </a>
            <div class="has-submenu">
                <a class="menu-item open-submenu active-item" href="#"><!-- active-item -->
                    <i class="fa fa-cog"></i>
                    Features
                    <i class="fa fa-plus"></i>
                </a>
                <div class="submenu active-submenu"><!--active-submenu-->
                    <a class="menu-item" href="features-typography.html">
                        <i class="fa fa-angle-right"></i>
                        Typography
                        <i class="fa fa-circle"></i>  
                    </a>                              
                    <a class="menu-item" href="features-tabs.html">
                        <i class="fa fa-angle-right"></i>
                         Tabs
                        <i class="fa fa-circle"></i>                        
                    </a>
                    <a class="menu-item" href="features-toggles.html">
                        <i class="fa fa-angle-right"></i>
                         Toggles
                        <i class="fa fa-circle"></i>                        
                    </a>                           
                    <a class="menu-item" href="features-accordion.html">
                        <i class="fa fa-angle-right"></i>
                        Accordions
                        <i class="fa fa-circle"></i>                        
                    </a>    
                    <a class="menu-item" href="features-notifications.html">
                        <i class="fa fa-angle-right"></i>
                        Notifications
                        <i class="fa fa-circle"></i>                        
                    </a>                                               
                    <a class="menu-item" href="features-charts.html">
                        <i class="fa fa-angle-right"></i>
                        Charts & Stats
                        <i class="fa fa-circle"></i>                        
                    </a>
                    <a class="menu-item active-item" href="features-buttons.html">
                        <i class="fa fa-angle-right"></i>
                        Buttons & Icons
                        <i class="fa fa-circle"></i>  
                    </a>                        
                    <a class="menu-item" href="features-others.html">
                        <i class="fa fa-angle-right"></i>
                        Other Features
                        <i class="fa fa-circle"></i>                        
                    </a>
                </div>
            </div>          
            <div class="has-submenu">
                <a class="menu-item open-submenu" href="#"><!-- active-item -->
                    <i class="fa fa-camera"></i>
                    Galleries
                    <i class="fa fa-plus"></i>
                </a>
                <div class="submenu"><!--active-submenu-->
                    <a class="menu-item" href="gallery-round.html">
                        <i class="fa fa-angle-right"></i>
                        Rounded
                        <i class="fa fa-circle"></i>  
                    </a>                    
                    <a class="menu-item" href="gallery-square.html">
                        <i class="fa fa-angle-right"></i>
                        Squared
                        <i class="fa fa-circle"></i>  
                    </a>                                           
                    <a class="menu-item" href="gallery-adaptive.html">
                        <i class="fa fa-angle-right"></i>
                        Adaptive
                        <i class="fa fa-circle"></i>                        
                    </a>                        
                    <a class="menu-item" href="gallery-masonry.html">
                        <i class="fa fa-angle-right"></i>
                         Masonry
                        <i class="fa fa-circle"></i>                        
                    </a>                        
                    <a class="menu-item" href="gallery-filter.html">
                        <i class="fa fa-angle-right"></i>
                        Filterable
                        <i class="fa fa-circle"></i>                        
                    </a>                        
                </div>
            </div>          
            <div class="has-submenu">
                <a class="menu-item open-submenu" href="#"><!-- active-item -->
                    <i class="fa fa-image"></i>
                    Portfolios
                    <i class="fa fa-plus"></i>
                </a>
                <div class="submenu"><!--active-submenu-->
                    <a class="menu-item" href="portfolio-one.html">
                        <i class="fa fa-angle-right"></i>
                        One Item
                        <i class="fa fa-circle"></i>  
                    </a>                    
                    <a class="menu-item" href="portfolio-two.html">
                        <i class="fa fa-angle-right"></i>
                        Two Items
                        <i class="fa fa-circle"></i>  
                    </a>                                           
                    <a class="menu-item" href="portfolio-filter.html">
                        <i class="fa fa-angle-right"></i>
                        Filterable
                        <i class="fa fa-circle"></i>                        
                    </a>                        
                    <a class="menu-item" href="portfolio-adaptive.html">
                        <i class="fa fa-angle-right"></i>
                         Adaptive
                        <i class="fa fa-circle"></i>                        
                    </a>                        
                    <a class="menu-item" href="portfolio-widescreen.html">
                        <i class="fa fa-angle-right"></i>
                        Widescreen
                        <i class="fa fa-circle"></i>                        
                    </a>                        
                </div>
            </div>
            <div class="has-submenu">
                <a class="menu-item open-submenu" href="#"><!-- active-item -->
                    <i class="fa fa-file-o"></i>
                    Pages
                    <i class="fa fa-plus"></i>
                </a>
                <div class="submenu"><!--active-submenu-->
                    <a class="menu-item" href="page-activity.html">
                        <i class="fa fa-angle-right"></i>
                        Activity
                        <i class="fa fa-circle"></i>  
                    </a>                    
                    <a class="menu-item" href="page-error.html">
                        <i class="fa fa-angle-right"></i>
                        Error Page
                        <i class="fa fa-circle"></i>  
                    </a>                                           
                    <a class="menu-item" href="page-soon.html">
                        <i class="fa fa-angle-right"></i>
                        Soon Page
                        <i class="fa fa-circle"></i>                        
                    </a>                        
                    <a class="menu-item" href="page-profile.html">
                        <i class="fa fa-angle-right"></i>
                         Profile Page
                        <i class="fa fa-circle"></i>                        
                    </a>     
                    <a class="menu-item" href="page-login.html">
                        <i class="fa fa-angle-right"></i>
                        Log In Page
                        <i class="fa fa-circle"></i>                        
                    </a>
                    <a class="menu-item" href="page-signup.html">
                        <i class="fa fa-angle-right"></i>
                        Sign Up Page
                        <i class="fa fa-circle"></i>                        
                    </a>                                                 
                    <a class="menu-item" href="page-userlist.html">
                        <i class="fa fa-angle-right"></i>
                        Userlist Page
                        <i class="fa fa-circle"></i>                        
                    </a>                        
                    <a class="menu-item" href="page-reviews.html">
                        <i class="fa fa-angle-right"></i>
                        User Reviews
                        <i class="fa fa-circle"></i>                        
                    </a>                        
                </div>
            </div>             
            <div class="has-submenu">
                <a class="menu-item open-submenu" href="#"><!-- active-item -->
                    <i class="fa fa-mobile"></i>
                    App Pages
                    <i class="fa fa-plus"></i>
                </a>
                <div class="submenu"><!--active-submenu-->
                    <a class="menu-item" href="pageapp-chat.html">
                        <i class="fa fa-angle-right"></i>
                        Chat
                        <i class="fa fa-circle"></i>  
                    </a> 
                    <a class="menu-item" href="pageapp-login.html">
                        <i class="fa fa-angle-right"></i>
                         Log In
                        <i class="fa fa-circle"></i>                        
                    </a>     
                    <a class="menu-item" href="pageapp-signup.html">
                        <i class="fa fa-angle-right"></i>
                        Sign Up
                        <i class="fa fa-circle"></i>                        
                    </a>       
                    <a class="menu-item" href="pageapp-calendar.html">
                        <i class="fa fa-angle-right"></i>
                        Calendar
                        <i class="fa fa-circle"></i>                        
                    </a>  
                    <a class="menu-item" href="pageapp-timeline.html">
                        <i class="fa fa-angle-right"></i>
                         Timeline
                        <i class="fa fa-circle"></i>                        
                    </a>    
                    <a class="menu-item" href="pageapp-tasklist.html">
                        <i class="fa fa-angle-right"></i>
                        Tasklist
                        <i class="fa fa-circle"></i>                        
                    </a>     
                    <a class="menu-item" href="pageapp-checklist.html">
                        <i class="fa fa-angle-right"></i>
                        Checklist
                        <i class="fa fa-circle"></i>  
                    </a>                                           
                    <a class="menu-item" href="pageapp-reminders.html">
                        <i class="fa fa-angle-right"></i>
                        Reminders
                        <i class="fa fa-circle"></i>                        
                    </a>                                                 
                    <a class="menu-item" href="pageapp-coverpage.html">
                        <i class="fa fa-angle-right"></i>
                        Coverpage
                        <i class="fa fa-circle"></i>                        
                    </a>                                                                                                                   
                </div>
            </div>                  
            <div class="has-submenu">
                <a class="menu-item open-submenu" href="#"><!-- active-item -->
                    <i class="fa fa-shopping-cart"></i>
                    Store
                    <i class="fa fa-plus"></i>
                </a>
                <div class="submenu"><!--active-submenu-->
                    <a class="menu-item" href="store-front.html">
                        <i class="fa fa-angle-right"></i>
                        Storefront
                        <i class="fa fa-circle"></i>  
                    </a> 
                    <a class="menu-item" href="store-product-list.html">
                        <i class="fa fa-angle-right"></i>
                        Product List
                        <i class="fa fa-circle"></i>  
                    </a>  
                    <a class="menu-item" href="store-product-page.html">
                        <i class="fa fa-angle-right"></i>
                        Product Page
                        <i class="fa fa-circle"></i>                        
                    </a>                                                                         
                    <a class="menu-item" href="store-checkout.html">
                        <i class="fa fa-angle-right"></i>
                        Checkout Page
                        <i class="fa fa-circle"></i>                        
                    </a>                        
                    <a class="menu-item" href="store-history.html">
                        <i class="fa fa-angle-right"></i>
                         Purchase History
                        <i class="fa fa-circle"></i>                        
                    </a>                                                                   
                </div>
            </div>          
            <div class="has-submenu">
                <a class="menu-item open-submenu" href="#"><!-- active-item -->
                    <i class="fa fa-newspaper-o"></i>
                    News
                    <i class="fa fa-plus"></i>
                </a>
                <div class="submenu"><!--active-submenu-->
                    <a class="menu-item" href="news-front.html">
                        <i class="fa fa-angle-right"></i>
                        News Page
                        <i class="fa fa-circle"></i>  
                    </a> 
                    <a class="menu-item" href="news-article.html">
                        <i class="fa fa-angle-right"></i>
                        News Article
                        <i class="fa fa-circle"></i>  
                    </a>  
                    <a class="menu-item" href="news-article-list.html">
                        <i class="fa fa-angle-right"></i>
                        News Article List
                        <i class="fa fa-circle"></i>                        
                    </a>                             
                    <a class="menu-item" href="news-article-archive.html">
                        <i class="fa fa-angle-right"></i>
                        News Article Archive
                        <i class="fa fa-circle"></i>                        
                    </a>                                                                                                                
                </div>
            </div>             
            <div class="has-submenu">
                <a class="menu-item open-submenu" href="#"><!-- active-item -->
                    <i class="fa fa-pencil"></i>
                    Blog
                    <i class="fa fa-plus"></i>
                </a>
                <div class="submenu"><!--active-submenu-->
                    <a class="menu-item" href="page-blog.html">
                        <i class="fa fa-angle-right"></i>
                        Blog Page
                        <i class="fa fa-circle"></i>  
                    </a> 
                    <a class="menu-item" href="page-blog-post.html">
                        <i class="fa fa-angle-right"></i>
                        Blog Post
                        <i class="fa fa-circle"></i>  
                    </a>                                                                                                                  
                </div>
            </div> 
            <a class="menu-item" href="page-videos.html">
                <i class="fa fa-youtube-play"></i>
                Videos
                <i class="fa fa-circle"></i>
            </a>         
            <a class="menu-item" href="page-sitemap.html">
                <i class="fa fa-navicon"></i>
                Sitemap
                <i class="fa fa-circle"></i>
            </a>                         
            <a class="menu-item" href="contact.html">
                <i class="fa fa-envelope-o"></i>
                Contact
                <i class="fa fa-circle"></i>
            </a>               
            <a class="close-sidebar menu-item" href="#">
                <i class="fa fa-times"></i>
                Close
                <i class="color-red-dark fa fa-circle"></i>
            </a>                
        </div>
        <div class="sidebar-decoration"></div>
        <em class="sidebar-copyright">Copyright 2016. All Rights Reserved</em>
    </div>
</div>
      
<div class="sidebar-right">
    <div class="sidebar-scroll">
        <a href="#" class="sidebar-logo"></a>
        <div class="sidebar-divider">
            Let's get social
        </div>
        <div class="sidebar-menu">
            <a class="menu-item" href="#">
                <i class="fa fa-facebook"></i>
                Facebook
                <i class="fa fa-circle"></i>                        
            </a>            
            <a class="menu-item" href="#">
                <i class="fa fa-twitter"></i>
                Twitter
                <i class="fa fa-circle"></i>                        
            </a>            
            <a class="menu-item" href="#">
                <i class="fa fa-google-plus"></i>
                Google 
                <i class="fa fa-circle"></i>                        
            </a>   
        </div>
        <div class="sidebar-divider">
            GET IN TOUCH
        </div>
        <div class="sidebar-menu">
            <a class="menu-item" href="#">
                <i class="fa fa-phone"></i>
                Call Us
                <i class="fa fa-circle"></i>                        
            </a>            
            <a class="menu-item" href="#">
                <i class="fa fa-fax"></i>
                Fax Us
                <i class="fa fa-circle"></i>                        
            </a>            
            <a class="menu-item" href="#">
                <i class="fa fa-envelope-o"></i>
                Mail Us 
                <i class="fa fa-circle"></i>                        
            </a>            
        </div>
        <div class="sidebar-divider">
            SEND US A MESSAGE
        </div>
        <div class="sidebar-form contact-form no-bottom">
            <div class="formSuccessMessageWrap" id="formSuccessMessageWrap">
                Awesome! We'll get back to you!
            </div>
            <form action="php/contact.php" method="post" class="contactForm" id="contactForm">
                <fieldset>
                    <div class="formValidationError" id="contactNameFieldError">Name is required!</div>             
                    <div class="formValidationError" id="contactEmailFieldError">Mail address required!</div> 
                    <div class="formValidationError" id="contactEmailFieldError2">Mail address must be valid!</div> 
                    <div class="formValidationError" id="contactMessageTextareaError">Message field is empty!</div>   
                    <div class="formFieldWrap">
                        <input onfocus="if (this.value=='Name') this.value = ''" onblur="if (this.value=='') this.value = 'Name'" type="text" name="contactNameField" value="Name" class="contactField requiredField" id="contactNameField"/>
                    </div>
                    <div class="formFieldWrap">
                        <input onfocus="if (this.value=='Email') this.value = ''" onblur="if (this.value=='') this.value = 'Email'" type="text" name="contactEmailField" value="Email" class="contactField requiredField requiredEmailField" id="contactEmailField"/>
                    </div>
                    <div class="formTextareaWrap">
                        <textarea onfocus="if (this.value=='Message') this.value = ''" onblur="if (this.value=='') this.value = 'Message'" name="contactMessageTextarea" class="contactTextarea requiredField" id="contactMessageTextarea">Message</textarea>
                    </div>
                    <div class="formSubmitButtonErrorsWrap">
                        <input type="submit" class="buttonWrap button button-green contactSubmitButton no-bottom" id="contactSubmitButton" value="SUBMIT" data-formId="contactForm"/>
                    </div>
                </fieldset>
            </form>       
        </div>
        <div class="sidebar-decoration"></div>
        <em class="sidebar-copyright">Copyright 2016. All Rights Reserved</em>
    </div>
</div>

<div id="page-content"><!--Add sidebar-move to move with body-->
    <div id="page-content-scroll"><!--Enables this element to be scrolled -->
        <div class="header-mask">
            <a href="#"><i class="fa fa-times"></i></a>
            <a href="#"><i class="fa fa-bolt"></i></a>
            <a href="#"><i class="fa fa-times"></i></a>
            <div class="clear"></div>
        </div>
        
        <div class="content-strip">
            <div class="strip-content">
                <h4>Buttons & Icons</h4>
                <p>CSS3 & FontAwesome are perfect!</p>
                <i class="fa fa-hand-pointer-o"></i>
            </div>
            <div class="overlay"></div>
            <img class="preload-image" data-original="images/pictures/1.jpg" alt="img">
        </div>
        
        <div class="content">
            <div class="decoration"></div>

            <div class="container no-bottom">
                <div class="one-third-responsive">
                    <h5>Regular Button Classes</h5>
                    <p>
                        Oldschool buttons that fit all needs.
                    </p>
                    <a href="#" class="button button-green">Button</a>
                    <a href="#" class="button button-teal">Button</a>
                    <a href="#" class="button button-blue">Button</a>
                    <a href="#" class="button button-red">Button</a>
                    <a href="#" class="button button-dark">Button</a>
                    <a href="#" class="button button-yellow">Button</a>
                    <a href="#" class="button button-orange">Button</a>
                    <a href="#" class="button button-magenta full-bottom">Button</a>
                </div>
                <div class="decoration hide-if-responsive"></div>
                <div class="one-third-responsive">
                    <h5>Rounded Button Classes</h5>
                    <p>
                        Oldschool buttons that fit all needs.
                    </p>
                    <a href="#" class="button button-green button-round">Button</a>
                    <a href="#" class="button button-teal button-round">Button</a>
                    <a href="#" class="button button-blue button-round">Button</a>
                    <a href="#" class="button button-red button-round">Button</a>
                    <a href="#" class="button button-dark button-round">Button</a>
                    <a href="#" class="button button-yellow button-round">Button</a>
                    <a href="#" class="button button-orange button-round">Button</a>
                    <a href="#" class="button button-magenta button-round full-bottom">Button</a>
                </div>
                <div class="decoration hide-if-responsive"></div>
                <div class="one-third-responsive last-column">
                    <h5>3D Button Classes</h5>
                    <p>
                        Oldschool buttons that fit all needs.
                    </p>
                    <a href="#" class="button button-green green-3d">Button</a>
                    <a href="#" class="button button-teal teal-3d">Button</a>
                    <a href="#" class="button button-blue blue-3d">Button</a>
                    <a href="#" class="button button-red red-3d">Button</a>
                    <a href="#" class="button button-dark dark-3d">Button</a>
                    <a href="#" class="button button-yellow yellow-3d">Button</a>
                    <a href="#" class="button button-orange orange-3d">Button</a>
                    <a href="#" class="button button-magenta magenta-3d full-bottom">Button</a>
                </div>
            </div>

            <div class="decoration"></div>

            <div class="container">
                <h5>Icon Button Classes</h5>
                <p>
                    Icon buttons are simple to use and they are powered by the huge 400 icon library that is Font Awesome.
                    They are so easy to use you'll fall in love with them in a heart beat! 
                </p>
                <a href="#" class="button button-icon button-green"><i class="fa fa-angle-right"></i>Button</a>
                <a href="#" class="button button-icon button-teal"><i class="fa fa-retweet"></i>Button</a>
                <a href="#" class="button button-icon button-blue"><i class="fa fa-refresh fa-spin"></i>Button</a>
                <a href="#" class="button button-icon button-red"><i class="fa fa-angle-down"></i>Button</a>
                <a href="#" class="button button-icon button-dark"><i class="fa fa-circle"></i>Button</a>
                <a href="#" class="button button-icon button-yellow"><i class="fa fa-apple"></i>Button</a>
                <a href="#" class="button button-icon button-orange"><i class="fa fa-android"></i>Button</a>
            </div>

            <div class="decoration"></div>
            <div class="container no-bottom">
                <div class="one-half-responsive">
                    <h5>Social Sharing Buttons</h5>
                    <p>
                        Social sharing buttons can either be simple buttons, or you can use the ball icon approach.
                    </p>
                    <a href="#" class="facebook-color social-button"><i class="fa fa-facebook"></i>Facebook</a>
                    <a href="#" class="twitter-color social-button"><i class="fa fa-twitter"></i>Twitter</a>
                    <a href="#" class="google-color social-button"><i class="fa fa-google-plus"></i>Google</a>
                    <a href="#" class="youtube-color social-button"><i class="fa fa-youtube-play"></i>YouTube</a>
                    <a href="#" class="pinterest-color social-button"><i class="fa fa-pinterest"></i>Pinterest</a>
                    <a href="#" class="dribbble-color social-button"><i class="fa fa-dribbble"></i>Dribbble</a>
                    <a href="#" class="tumblr-color social-button"><i class="fa fa-tumblr"></i>Tumblr</a>
                    <a href="#" class="reddit-color social-button"><i class="fa fa-reddit"></i>Reddit</a>
                    <a href="#" class="mail-color social-button full-bottom"><i class="fa fa-envelope-o"></i>Email</a>
                </div>
                <div class="decoration hide-if-responsive"></div>
                <div class="one-half-responsive last-column">
                    <h5>Rounded Sharing Icons</h5>
                    <p>
                        As an alternate solution, you can also use icons to share or show off your social networks. 
                    </p>
                    <a href="#" class="scale-hover facebook-color social-ball"><i class="fa fa-facebook"></i></a>
                    <a href="#" class="scale-hover twitter-color social-ball"><i class="fa fa-twitter"></i></a>
                    <a href="#" class="scale-hover google-color social-ball"><i class="fa fa-google-plus"></i></a>
                    <a href="#" class="scale-hover youtube-color social-ball"><i class="fa fa-youtube-play"></i></a>
                    <a href="#" class="scale-hover pinterest-color social-ball full-bottom"><i class="fa fa-pinterest"></i></a>

                    <div class="decoration -if-mobile"></div>
                    <h5>Square Sharing Icons</h5>
                    <p>
                        As an alternate solution, you can also use icons to share or show off your social networks. 
                    </p>
                    <a href="#" class="scale-hover facebook-color social-square"><i class="fa fa-facebook"></i></a>
                    <a href="#" class="scale-hover twitter-color social-square"><i class="fa fa-twitter"></i></a>
                    <a href="#" class="scale-hover google-color social-square"><i class="fa fa-google-plus"></i></a>
                    <a href="#" class="scale-hover youtube-color social-square"><i class="fa fa-youtube-play"></i></a>
                    <a href="#" class="scale-hover pinterest-color social-square full-bottom"><i class="fa fa-pinterest"></i></a>
                </div>
            </div> 
            <div class="decoration"></div>
            <div class="container">
                <h5>Button size variations</h5>
                <p>
                    We've included the most used and most important sizes of buttons you can use by simply adding a
                    class to any button template included. 
                </p>
                <a href="#" class="button button-green button-xl">Button XL</a>
                <a href="#" class="button button-green button-l">Button L</a>
                <a href="#" class="button button-green">Standard</a>
                <a href="#" class="button button-green button-s">Button S </a>
                <a href="#" class="button button-green button-xs">Button XS</a>
            </div>
            
            <div class="decoration"></div>
        </div>
        
        <div class="footer">
            <div class="footer-content">
                <h3 class="footer-logo">BOLT</h3>
                <p class="footer-text">
                    We aim to simplify your life by creating a beautiful and simple product that's feature rich and easy to use!
                </p>
            </div>
            <div class="footer-socials">
                <a href="#" class="scale-hover facebook-color"><i class="fa fa-facebook"></i></a>
                <a href="#" class="scale-hover twitter-color"><i class="fa fa-twitter"></i></a>
                <a href="#" class="scale-hover google-color"><i class="fa fa-google-plus"></i></a>
                <a href="#" class="scale-hover phone-color"><i class="fa fa-phone"></i></a>
                <a href="#" class="scale-hover mail-color"><i class="fa fa-envelope-o"></i></a>
                <a href="#" class="scale-hover bg-night-dark back-to-top"><i class="fa fa-angle-up"></i></a>
                <div class="clear"></div>
            </div>
            <div class="footer-decoration"></div>
            <p class="footer-strip">Copyright <span id="copyright-year"></span> Enabled. All Rights Reserved</p>
        </div>
    </div>
    <a href="#" class="back-to-top-badge"><i class="fa fa-caret-up"></i>Back to top</a>
</div>



<div class="body-background"></div>
</body>










